// import ReactDOM from 'react'
import './App.css'
import PartOne from './part-one'
// import { FC } from 'react'
import React from 'react'
// type Props = { name: string; age?: number }
// const Hello: FC<Props> = ({ name, age }) => (
//   <>
//     您好，我叫{name}，我今年{age}岁了
//   </>
// )
// 第二种：
// const Hello = ({ name, age }: Props) => (
//   <>
//     您好，我叫{name}，我今年{age}岁了
//   </>
// )

// const onclick = (e: React.MouseEvent<HTMLButtonElement>) => {
//   console.log('点赞！', e.currentTarget)
// }
// const onchange = (e: React.ChangeEvent<HTMLInputElement>) => {
//   console.log(e.target.value)
// }
function App() {
  return (
    <div className="App">
      {/* <Hello name="qqz" age={22}></Hello>
      <button onClick={onclick}>点赞</button>
      <input onChange={onchange} /> */}
      <PartOne></PartOne>
    </div>
  )
}

export default App
